import {useState} from 'react'
import './App.css'
import Mustache from "./views/basic/mustache.tsx";
import UseStatePage from './views/hooks/useStatePage.jsx'
import UseReducerPage from "./views/hooks/useReducerPage.tsx";
import UseReducerCartPage from "./views/hooks/useReducerCartPage.tsx";
import UseImmerPage from "./views/hooks/useImmerPage.tsx";
import UseImmerPage2 from "./views/hooks/useImmerPage2.tsx";
import UseStoragePage from "./views/hooks/UseStoragePage.tsx";
import UseHistoryPage from "./views/hooks/UseHistoryPage.tsx";
import UseTransitionPage from "./views/hooks/UseTransitionPage.tsx";

import Test1 from './views/basic/basic/test1.jsx'
import Test2 from './views/basic/basic/test2.jsx'

import Demo from './views/basic/basic/demo/demo.jsx'
import Demo2 from './views/basic/basic/demo/demo2.jsx'
import Demo3 from './views/basic/basic/demo/demo3.jsx'

function App() {
  // const [count, setCount] = useState(0)
  console.log('App函数执行了');
  return (
    <>
      {/*<div>
        <button onClick={() => setCount((count) => count + 1)}>
          count is {count}
        </button>
      </div>*/}

      {/*<Mustache/>*/}

      {/*<UseStatePage />*/}

      {/*reducer*/}
      {/*<UseReducerPage />*/}

      {/*<UseReducerCartPage />*/}

      {/*<UseImmerPage />*/}

      {/*<UseImmerPage2 />*/}

      {/*<UseStoragePage />*/}

      {/*<UseHistoryPage />*/}

      {/*<UseTransitionPage />*/}

      <Test1/>
      {/*<hr/>*/}
      {/*<Test2/>*/}

      <Demo name={1} age={2}/>
      <Demo2></Demo2>

      <Demo3 />
    </>
  )
}

export default App
